<template>
  <div class="app">
    <about-swiper :SwiperData="SwiperData"></about-swiper>
    <h2>关于我们</h2>
    <div class="introduce">
      <div class="content">
        <h4 class="title">xxxxxxx有限公司</h4>
        <p>
          xxxxxxx有限公司是一家以数字孪生元宇宙技术为起点专注于能源服务，乡村振兴的科技创新公司。
        </p>
        <p>
          公司秉承以客户为中心的宗旨，依托强大的技术服务能力与平台支撑能力，为提供客户全流程的服务，包括数据采集、数据处理、数据分析、数据应用以及数字孪生等。同时，公司融合知识图谱、语音识别、图像识别等人工智能技术，为客户量身打造立体化、智能化、定制化的业务解决方案。
        </p>
        <p>
          公司坚持以技术为基石、以用户需求为导向、以开放互惠为原则，与众多的生态伙伴进行合作。
        </p>
      </div>
      <img src="../assets/images/about/Rectangle51.png" alt="imgUrl" />
    </div>
  </div>
</template>

<script>
import AboutSwiper from "../components/About/AboutSwiper.vue";
export default {
  name: "About",
  components: {
    AboutSwiper,
  },
  data() {
    return {
      SwiperData: [
        {
          year: "2014",
          title: "Our nice super title",
          text: "Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
        },
        {
          year: "2015",
          title: "Our nice super title",
          text: "Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
        },
        {
          year: "2016",
          title: "Our nice super title",
          text: "Lorem ipsum dolor site amet, consectetur adipscing elit, sed do eisumod tempor incididut ut labore et dolore magna aliqua. Ut enim ad mimim venjam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
        },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
h2 {
  margin: 50px;
  text-align: center;
  font-size: 50px;
  letter-spacing: 5px;
  font-weight: 900;
}
.introduce {
  margin: 100px auto;
  display: flex;
  justify-content: center;
  .content {
    margin-right: 20px;
    width: 600px;
    h4 {
      font-size: 30px;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    p {
      color: #8c8c8cff;
      font-size: 16px;
      font-weight: 400;
      line-height: 25px;
      padding-bottom: 10px;
    }
  }
  img {
    height: 340px;
    width: auto;
  }
}
</style>
